.nui-highlight { position:relative; margin-top:15px; overflow:hidden; border-radius:3px; background-color:#F6F6F6; font-size: 14px;}
.nui-highlight .con-highlight-body { padding:10px 0; overflow:auto;}
.nui-highlight .con-highlight-table { width:100%;}
.nui-highlight .con-highlight-cell { padding:2px 10px; vertical-align: middle;}
.nui-highlight .con-highlight-line { text-align: right; -webkit-user-select:none; -ms-user-select:none; user-select:none; color:#5A616D;}
.nui-highlight .con-highlight-line:before { content:attr(number);}
.nui-highlight .con-highlight-code { width: 100%; white-space:pre; word-wrap: normal;}
.nui-highlight .con-highlight-code, 
.nui-highlight .con-highlight-symbol, 
.nui-highlight .con-highlight-text, 
.nui-highlight .con-highlight-row.s-crt .con-highlight-line, 
.nui-highlight .con-highlight-comment { color:#ABB2BF;}
.nui-highlight .con-highlight-row.s-crt .con-highlight-code { background-color:#eee;}
.nui-highlight .con-highlight-string { color:#98C379;}
.nui-highlight .con-highlight-attr { color:#D19A66;}
.nui-highlight .con-highlight-tag { color:#C36C6A;}
.nui-highlight .con-highlight-selector { color:#56B6C2;}
.nui-highlight .con-highlight-keyword { color:#C678DD;}
.nui-highlight .con-highlight-word { color:#61AFE9;}
.nui-highlight .con-highlight-number { color:#DC322F;}
.nui-highlight .con-highlight-title { position:absolute; bottom: 0; right: 0; padding:5px; font-size: 14px; color: #cfcfcf;}
.nui-highlight .con-highlight-tools { position:absolute; top: 0; right: 0; padding: 5px 5px 5px 0;}
.nui-highlight .con-highlight-tools em { margin-left: 5px; cursor: pointer; color: #666; font-size: 12px;}